﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="procuctdetail.aspx.cs" Inherits="PhuLeBooze.procuctdetail" %>

<%@ Register Src="~/ucCategory.ascx" TagPrefix="uc1" TagName="ucCategory" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="/Js/Jquery/plugins/jquery.slimscroll.min.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <div class="container sp-detail">
        <div id="slider">
            <div class="col colL">
                <div id="carousel-example-generic" class="carouselsp slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                        <%-- <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>--%>
                        <asp:Literal ID="ltrGeneric" runat="server"></asp:Literal>
                    </ol>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <%--<div class="item active">
                            <img src="images/sp1.jpg" />
                        </div>
                        <div class="item">
                            <img src="images/sp1.jpg" />
                        </div>
                        <div class="item">
                            <img src="images/sp1.jpg" />
                        </div>--%>

                        <asp:Literal ID="ltrImg" runat="server"></asp:Literal>
                    </div>

                </div>
                <!-- Carousel -->
            </div>
            <div class="col colR">
                <div class="carousel-caption">
                    <h2 class="title">
                        <asp:Literal ID="ltrName" runat="server">Sản phẩm rượu - Phu Le Gold</asp:Literal></h2>
                    <div class="line"></div>
                    <br />
                    <center><asp:Literal ID="ltrLogo" runat="server"><img src="images/phulegold.png" /></asp:Literal></center>
                    <p>Xuất xứ:
                        <asp:Literal ID="ltrOrigin" runat="server">Bến tre</asp:Literal></p>
                    <div class="line"></div>
                    <p>Quy cách:
                        <asp:Literal ID="ltrSpecification" runat="server">Chai 500 ml</asp:Literal></p>
                    <div class="line"></div>
                    <p>Chi tiết: <span class="price">
                        <asp:Literal ID="ltrPrice" runat="server">370,000</asp:Literal>
                    </span></p>
                    <p class="des">
                        <asp:Literal ID="ltrDescription" runat="server"></asp:Literal>
                    </p>
                    <h2 class="title ct">Liên hệ: <span>
                        <asp:Literal ID="ltrContactPurchases" runat="server">Bến tre</asp:Literal></span></h2>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>

        <uc1:ucCategory runat="server" ID="ucCategory" />

    </div>

    <script>
        var activeMenu = "product";
        //$('.carouselsp').carousel({
        //    interval: 3000
        //})

        $('.carouselsp').carousel({
            interval: 3000,
        });

        $('.des').slimscroll({
            height: '120px',
        });
    </script>
    <style>
        #carousel-example-generic {
            background: none;
        }
    </style>

</asp:Content>
